<template >
  <div class="list-banlance">
    <div class="list-box">
      <p class="title">Today's revenue</p>
      <p class="ban">0 ETH</p>
      <p class="ban">0 TRX</p>
    </div>
    <div class="list-box">
      <p class="title">Wallet Balance</p>
      <p class="ban">0 USDT</p>
      <p class="ban">≈ 0ETH</p>
    </div>
    <div class="list-box">
      <p class="title">Yield</p>
      <p class="ban">0 USDT</p>
      <p class="ban"></p>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  methods: {}
}
</script>

<style lang="scss" >
.list-banlance {
  @include vC;
  width: 345px;
  background: #fff;
  box-shadow: 0px 2px 8px rgb(39 6 127 / 10%);
  border-radius: 8px;
  padding: 10px 15px;
  margin: 0 auto;

  .list-box {
    flex: 1;
    font-size: 12px;
    text-align: center;

    .title {
      color: #999;
      height: 26px;
      padding-top: 2px;
    }

    .ban {
      height: 16px;
      margin-top: 10px;
      font-weight: 600;
    }
  }
}
</style>
